<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // 对象的特点

      // 1. 对象的键(key)都是字符串
      // var className = "class";
      // var obj = {
      //   "name": "张三",
      //   "age": 30,
      //   sex: 1,
      //   [className]: "2401"
      // };
      // console.log(obj);



      // 2. 对象的值(value)的访问除了点操作符以外，还可以用中括号的操作符
      // 这两种操作符一般情况下都是可以换着用的
      // console.log(obj.name);
      // console.log(obj['name']);

      // 如果key是一个变量，有区别的
      // 如果想通过一个变量来访问对象里面的内容，只能通过中括号
      // var a = "name";
      // console.log(obj.a);
      // console.log(obj["a"]);



      // 3. 一个对象里面的key是可能重名的
      // 如果重名了，那么后写的会把先写的覆盖
      // var obj = {
      //   name: "张三",
      //   age: 20,
      //   // name: "李四"
      //   nickName: "张三"
      // }
      // console.log(obj);

      

      // 4. 一个对象在用alert打印的时候
      // 会出现[object Object]
      // console.log({
      //   a: 3,
      //   b: 4
      // })



      
    
    </script>
  </body>
</html>
